/**
 * Created by 游永年 on 2019-01-23 15:42.
 * 预约第四步,订单详情
 */
'use strict'
import React, {Component} from 'react';
import {connect} from 'dva';
import {Button} from "antd-mobile";
import Full from "../../../components/layout/Full";
import style from './MySteps.less';

class BookFour extends Component {
  render() {
    return (<Full>
      <div className={style.bookFourTop}>展示订单的详情
        预约流程结束</div>
      <Button className={style.bookFourBtn} type={'primary'} onClick={this.book}>预约完成</Button>
      {/*<Button type={'primary'}>报名</Button>*/}
    </Full>);
  }

  book = _ => this.props.dispatch({type: 'product/book'});
};

BookFour.propTypes = {};

const opts = ({product}) => {
  const {isBook = false} = product || {};
  return {isBook};
}
export default connect(opts)(BookFour);
